<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>奶妈奶量计算器</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
		<meta content="Coderthemes" name="author" />
		<!--通知浏览器打开极速模式-->
		<meta name="renderer" content="webkit">
		<!--如果只有IE内核,默认用最高版本-->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
		

		<!-- App favicon -->
		<link rel="shortcut icon" href="assets/images/favicon.ico">

		<!-- App css -->
		<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
		<!--Font Awesome图标-->
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
		<!--Highdmin模板-->
		<link href="assets/css/main.css" rel="stylesheet" type="text/css" />
		<!--通用样式-->
		<link rel="stylesheet" href="assets/css/common.css" />

		<!-- jQuery  -->
		<script src="//cdn.staticfile.org/jquery/1.9.1/jquery.min.js"></script>
  		<!--[if lt IE 9]>
     		<script src="//cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  		<![endif]-->

		<!--多选单选样式-->
		<link rel="stylesheet" href="assets/css/checkbix.css" />

		<style type="text/css">
			.row {
				margin-top: 1rem;
			}
			
			.row-oen {
				margin-top: 0rem!important;
			}
			
			.row span {
				font-size: 17px;
				text-align: left;
				height: 38px;
				line-height: 38px;
			}
		</style>

	</head>

	<body>

		<!-- Navigation Bar-->
		<header id="topnav">

		</header>
		<script>
			//引入头部
			//$('#topnav').load('top.html');
			$.ajax({
				type: 'get',
				url: 'top.html',
				async: false,
				success: function(top) {
					$('#topnav').append(top);
				}
			});
		</script>

		<div class="wrapper" style="text-align: center;">
			<div class="container-fluid">
				<div class="row row-oen">
					<!--勇气祝福Start-->
					<div class="col-lg-6">
						<div class="card-box">
							<div class="panel-heading">
								<h4 class="text-center panel-title">勇气祝福换装</h4>
							</div>
							<div class="container">
								<div class="row">
									<span class="col-lg-3">基础智力</span>
									<div class="col-lg-9">
										<div class="input-group">
											<input type="text" class="form-control" id="n_brains" aria-label="Text input with dropdown button" placeholder="请输入站街智力">
											<div class="input-group-append" id="brains_type">
												<button class="btn btn-custom dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">站街智力</button>
												<div class="dropdown-menu" style="min-width:30%;">
													<li class="dropdown-item" href="javascript:;">站街智力</li>
													<li class="dropdown-item" href="javascript:;">适用智力</li>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<span class="control-label col-lg-3">勇气祝福</span>
									<div class="col-lg-9">
										<select class="form-control" id="n_courage">
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>
											<option value="13">13</option>
											<option value="14">14</option>
											<option value="15">15</option>
											<option value="16">16</option>
											<option value="17">17</option>
											<option value="18">18</option>
											<option value="19">19</option>
											<option value="20" selected="selected">20</option>
											<option value="21">21</option>
											<option value="22">22</option>
											<option value="23">23</option>
											<option value="24">24</option>
											<option value="25">25</option>
											<option value="26">26</option>
											<option value="27">27</option>
											<option value="28">28</option>
											<option value="29">29</option>
											<option value="30">30</option>
											<option value="31">31</option>
											<option value="32">32</option>
											<option value="33">33</option>
											<option value="34">34</option>
											<option value="35">35</option>
											<option value="36">36</option>
											<option value="37">37</option>
											<option value="38">38</option>
											<option value="39">39</option>
											<option value="40">40</option>
										</select>
									</div>
								</div>
								<div class="row">
									<span class="col-lg-3">虔诚信念</span>
									<div class="col-lg-9">
										<select class="form-control" id="n_faith">
											<option value="0">0</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>
											<option value="13">13</option>
											<option value="14">14</option>
											<option value="15">15</option>
											<option value="16" selected="selected">16</option>
											<option value="17">17</option>
											<option value="18">18</option>
											<option value="19">19</option>
											<option value="20">20</option>
											<option value="21">21</option>
											<option value="22">22</option>
											<option value="23">23</option>
											<option value="24">24</option>
											<option value="25">25</option>
											<option value="26">26</option>
											<option value="27">27</option>
											<option value="28">28</option>
											<option value="29">29</option>
											<option value="30">30</option>
										</select>
									</div>
								</div>
								<div class="row">
									<span class="col-lg-3">七 宗 罪</span>
									<div class="col-lg-9" id="n_seven">
										<label><input type="checkbox" value="0" /><i>✓</i>上衣</label>
										<label><input type="checkbox" value="1" /><i>✓</i>下装</label>
										<label><input type="checkbox" value="2" /><i>✓</i>腰带</label>
										<label><input type="checkbox" value="3" /><i>✓</i>肩膀</label>
										<label><input type="checkbox" value="4" /><i>✓</i>鞋子</label>
									</div>
								</div>
								<div class="row">
									<span class="col-lg-3">武器</span>
									<div class="col-lg-9">
										<select class="form-control" id="n_weapon">
											<option selected="selected" value="0">其他</option>
											<option value="1">圣耀救赎十字架</option>
											<option value="2">荒古十字架魔能解放</option>
											<option value="3">荒古十字架</option>
										</select>
									</div>
								</div>
							</div>
							<!--勇气祝福end-->
						</div>
					</div>
					<!--圣光天启Start-->
					<div class="col-lg-6">
						<div class="card-box">
							<div class="panel-heading">
								<h4 class="text-center panel-title">圣光天启换装</h4>
							</div>
							<div class="container">
								<div class="row">
									<span class="col-lg-3">天启智力</span>
									<div class="col-lg-9">
										<div class="input-group">
											<input type="text" class="form-control" id="oracle_brains" aria-label="Text input with dropdown button" placeholder="请输入站街智力">
											<div class="input-group-append" id="oracle_brains_type">
												<button class="btn btn-custom dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">站街智力</button>
												<div class="dropdown-menu" style="min-width:30%;">
													<a class="dropdown-item" href="javascript:;">站街智力</a>
													<a class="dropdown-item" href="javascript:;">适用智力</a>
												</div>
											</div>
										</div>
									</div>
								</div>

								<div class="row">
									<span class="control-label col-lg-3">圣光天启</span>
									<div class="col-lg-9">
										<select class="form-control" id="n_oracle">
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>
											<option value="13">13</option>
											<option value="14">14</option>
											<option value="15">15</option>
											<option value="16">16</option>
											<option value="17">17</option>
											<option value="18">18</option>
											<option value="19">19</option>
											<option value="20" selected="selected">20</option>
											<option value="21">21</option>
											<option value="22">22</option>
											<option value="23">23</option>
											<option value="24">24</option>
											<option value="25">25</option>
											<option value="26">26</option>
											<option value="27">27</option>
											<option value="28">28</option>
											<option value="29">29</option>
											<option value="30">30</option>
										</select>
									</div>
								</div>
								<div class="row">
									<span class="col-lg-3">虔诚信念</span>
									<div class="col-lg-9">
										<select class="form-control" id="oracle_faith">
											<option value="0">0</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>
											<option value="13">13</option>
											<option value="14">14</option>
											<option value="15">15</option>
											<option value="16" selected="selected">16</option>
											<option value="17">17</option>
											<option value="18">18</option>
											<option value="19">19</option>
											<option value="20">20</option>
											<option value="21">21</option>
											<option value="22">22</option>
											<option value="23">23</option>
											<option value="24">24</option>
											<option value="25">25</option>
											<option value="26">26</option>
											<option value="27">27</option>
											<option value="28">28</option>
											<option value="29">29</option>
											<option value="30">30</option>
										</select>
									</div>
								</div>
								<div class="row">
									<span class="col-lg-3">主C面板</span>
									<div class="col-lg-9">
										<div class="input-group">
											<input type="text" class="form-control" id="c_power" aria-label="Text input with dropdown button" placeholder="输入力量">
											<input type="text" class="form-control" id="c_attack" aria-label="Text input with dropdown button" placeholder="输入物攻">
											<div class="input-group-append" id="harm_type">
												<button class="btn btn-custom dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">物理百分比</button>
												<div class="dropdown-menu" style="min-width: 30px;">
													<a class="dropdown-item" data-power="力量" data-powerid="power" data-attack="物攻" data-attackid="physical_att" href="javascript:;">物理百分比</a>
													<a class="dropdown-item" data-power="力量" data-powerid="power" data-attack="独立" data-attackid="fixed_att" href="javascript:;">物理固伤</a>
													<a class="dropdown-item" data-power="智力" data-powerid="brains" data-attack="独立" data-attackid="fixed_att" href="javascript:;">魔法固伤</a>
													<a class="dropdown-item" data-power="智力" data-powerid="brains" data-attack="魔攻" data-attackid="magic_att" href="javascript:;">魔法百分比</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<span class="col-lg-3">比率属性</span>
									<div class="col-lg-9">
										<div class="input-group">
											<input type="text" class="form-control" id="c_powerb" aria-label="Text input with dropdown button" placeholder="输入百分比力智/%">
											<input type="text" class="form-control" id="c_attackb" aria-label="Text input with dropdown button" placeholder="输入百分比攻击/%">
										</div>
									</div>
								</div>
							</div>
							<!--圣光天启end-->
						</div>
					</div>
				</div>
				<!--数据显示-->
				<div class="row row-oen">
					<div class="col-lg-6">
						<div class="card-box">
							<div class="col-xs-12">
								<div class="panel-heading">
									<h4 class="text-center panel-title">奶量数据</h4>
								</div>
								<div class="panel panel-danger">
									<table class="table table-centered m-0">
										<thead>
											<tr>
												<th></th>
												<th>力量</th>
												<th>物攻</th>
												<th>智力</th>
												<th>魔攻</th>
												<th>独立</th>
											</tr>
										</thead>
										<tbody id="result_body">
											<tr id="courage">
												<td>勇气</td>
												<td class="power">0</td>
												<td class="physical_att">0</td>
												<td class="brains">0</td>
												<td class="magic_att">0</td>
												<td class="fixed_att">0</td>
											</tr>
											<tr id="oracle">
												<td>一觉</td>
												<td class="power">0</td>
												<td class="physical_att">0</td>
												<td class="brains">0</td>
												<td class="magic_att">0</td>
												<td class="fixed_att">0</td>
											</tr>
											<tr id="courage_anthem">
												<td>勇+歌</td>
												<td class="power">0</td>
												<td class="physical_att">0</td>
												<td class="brains">0</td>
												<td class="magic_att">0</td>
												<td class="fixed_att">0</td>
											</tr>
											<tr id="courage_oracle">
												<td>勇+觉</td>
												<td class="power">0</td>
												<td class="physical_att">0</td>
												<td class="brains">0</td>
												<td class="magic_att">0</td>
												<td class="fixed_att">0</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
					<!--图表-->
					<div class="col-lg-6">
						<div class="card-box">
							<div class="col-xs-12" style="height: 272px;max-width: 834px;" id="highcharts">

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- end wrapper -->

		<!-- bottom-->
		<div id="bottom"></div>
		<script>
			//引入底部
			$('#bottom').load('bottom.html');
		</script>
		<!--popper-->
		<script src="https://cdn.staticfile.org/popper.js/1.11.1/umd/popper.min.js"></script>
		<!--bootstrap js-->
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>
		<!--jquery.slimscroll.js-->
		<script src="https://cdn.staticfile.org/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script>
		<!-- Highdmin模板 js -->
		<script src="assets/js/jquery.app.js?v=4.1"></script>

		<!--Highcharts-->
		<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.7/highcharts.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.7/js/modules/exporting.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.7/js/themes/grid-light.js"></script>

		<!--数据-->
		<script type="text/javascript" src="assets/js/milk/hint.js?v=4.1"></script>
		<!--页面逻辑js-->
		<script type="text/javascript" src="assets/js/milk/nurse.js?v=4.1"></script>

	</body>

</html>